<div class="module-active" >
    <template v-if="isLoading">
        <div class="m-loading-box">
            <loading></loading>
        </div>
    </template>

    <template v-else>
        <div class="logo" v-if="isSuccess === false">
            <a href="./index.html">
                <img src="../../img/logo-black.png" height="30">
            </a>
        </div>
        <div class="active-content active-content-fail" v-if="isSuccess === false">
            <div class="title">
                <i class="icon icon-cancel-circle"></i>
                <span class="text">{{$t('activefail')}}</span>
            </div>
            <a href="./register.html" class="ui-btn" :class="{'fn-block':lib.isMobile() === true}">{{$t('common.signUp')}}</a>
        </div>

        <active-success v-if="isSuccess === true"></active-success>
    </template>

</div>
